<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    body{
      font-family: poppin,Tahoma,Arial,\5FAE\8F6F\96C5\9ED1,sans-serif;
      font-size: 14px;
    }
    *{
      margin: 0;
      padding: 0;
    }
    ul{
      width: 1220px;
      margin: 0 auto;
      padding: 10px 0;
      background-color: #666666;
      list-style-type: none;
      overflow: hidden;
    }
    li{
      width: 224px;
      margin: 0 10px;
      background-color: white;
      float: left;
    }
    img{
      width: 100%;
    }




  </style>
</head>
<body>
<ul>
  <li>
    <img src="https://qpic.y.qq.com/music_cover/5UBRCUicwlKnVGYlOibaP8QlZHnwPtXOkicdnUtErV1fVjrWE4CPzHrtw/300?n=1" alt="">
    <a href="">中文嗨曲：跟着音乐的节奏摇起来</a>
    <p>播放量：6654.4万</p>
  </li>
  <li>
    <img src="https://qpic.y.qq.com/music_cover/5UBRCUicwlKnVGYlOibaP8QlZHnwPtXOkicdnUtErV1fVjrWE4CPzHrtw/300?n=1" alt="">
    <a href="">中文嗨曲：跟着音乐的节奏摇起来</a>
    <p>播放量：6654.4万</p>
  </li>
  <li>
    <img src="https://qpic.y.qq.com/music_cover/5UBRCUicwlKnVGYlOibaP8QlZHnwPtXOkicdnUtErV1fVjrWE4CPzHrtw/300?n=1" alt="">
    <a href="">中文嗨曲：跟着音乐的节奏摇起来</a>
    <p>播放量：6654.4万</p>
  </li>
  <li>
    <img src="https://qpic.y.qq.com/music_cover/5UBRCUicwlKnVGYlOibaP8QlZHnwPtXOkicdnUtErV1fVjrWE4CPzHrtw/300?n=1" alt="">
    <a href="">中文嗨曲：跟着音乐的节奏摇起来</a>
    <p>播放量：6654.4万</p>
  </li>
  <li>
    <img src="https://qpic.y.qq.com/music_cover/5UBRCUicwlKnVGYlOibaP8QlZHnwPtXOkicdnUtErV1fVjrWE4CPzHrtw/300?n=1" alt="">
    <a href="">中文嗨曲：跟着音乐的节奏摇起来</a>
    <p>播放量：6654.4万</p>
  </li>
</ul>
</body>
</html>